<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/head :: head ('用户登录')">
</head>
<body>
	<div class="loginColumns animated fadeInDown">
		<div class="row">
			<div class="col-md-6">
				<h2 class="font-bold">Welcome to IN+</h2>

				<p>Perfectly designed and precisely prepared admin theme with
					over 50 pages with extra new web app views.</p>

				<p>Lorem Ipsum is simply dummy text of the printing and
					typesetting industry. Lorem Ipsum has been the industry's standard
					dummy text ever since the 1500s.</p>

				<p>When an unknown printer took a galley of type and scrambled
					it to make a type specimen book.</p>

				<p>
					<small>It has survived not only five centuries, but also
						the leap into electronic typesetting, remaining essentially
						unchanged.</small>
				</p>
			</div>
			<div class="col-md-6">
				<div class="ibox-content">
					<form class="m-t" role="form" th:method="post" th:action="@{'login'}">
						<div class="form-group">
							<input type="text" name="username" class="form-control" placeholder="Username" required="">
						</div>
						<div class="form-group">
							<input type="text" name="password" class="form-control" placeholder="Password" required="">
						</div>
						<button type="submit" class="btn btn-primary block full-width m-b">Login</button>
						<a th:href="@{'/'}"> <small>Forgot password?</small>
						</a>

						<p class="text-muted text-center">
							<small th:text="${error}"></small>
						</p>
						<a class="btn btn-sm btn-white btn-block" th:href="@{'register.html'}">Create
							an account</a>
					</form>
					<p class="m-t">
						<small>Inspinia we app framework base on Bootstrap 3
							&copy; 2014</small>
					</p>
				</div>
			</div>
		</div>
		<hr />
		<div th:replace="common/footer :: copy"></div>
	</div>
</body>
</html>